/* This file is created by Html::tidy() */

/* chunk: 0 */

html,body {/* background-color:#fff;color:#555555;font-size:14px; */}
     body {background-color:#f8f8f8;/*color:#666;*/}
     h3 {/*color:#666;*/}
     .page-main .page-frame {
       padding-top:20px;
       padding-bottom:20px;
     }
     a {color:#37a5be;}
     a:hover {color:#37a5be;}

/* chunk: 1 */

body {
   background-color:#282b2d;
   background-image:none;
   background-repeat:repeat;
   background-position:50% 0;
   color:#fff;
}
.page-container {
   max-width:500px;
   /*background-image:url(http://lxfm-s.malmam.com/uploads/image/150216/2781204_5_5a6fa95979_o.png);*/
   background-repeat:no-repeat;
   background-position:50% 100%;
}
.page-container a {
   text-decoration:none;
}

.highcol {
   position:relative;
 }

 h1 {
   margin:0;
   padding:30px 0;
   text-align:center;
   font-size:30px;
 }

 .cibox {
   width:140px;
   height:160px;
   margin-left:auto;
   margin-right:auto;
   position:relative;
 }
 .cibox img {width:100%; }

 .cibox .ico-rec-play {
   width:96px;
   height:96px;
   position:absolute;
   top:22px;
   left:22px;
 }

 .cibox .ico-rec-playing {
   width:86px;
   height:86px;
   position:absolute;
   top:37px;
   left:37px;
   overflow:hidden;
 }

 .voice-time-bar {
   width:100%;
   text-align:center;
   position:absolute;
   left:0;
   bottom:0;
   font-size:16px;
   display:none;
 }
 
 h2 {
   color:#fffc03;
   font-size:16px;
   font-weight:bold;
   margin-top:20px;
   margin-left:15px;
   margin-bottom:20px;
   padding-left:10px;
 }

 .btnbox {
   padding-top:30px;
   width:100%;
   text-align:center;
 }

 .hdbtn {
   display:inline-block;
   width:140px;
   height:40px;
   text-align:center;
   line-height:40px;
   font-size:18px;
   background-color:#fff;
   /* border-width:2px;
   border-style:solid; */
   border-color:#a4a4a4;
   border-radius:3px;
   -webkit-border-radius:3px;
   margin-left:auto;
   margin-right:auto;
   text-decoration:none;
   color:#727272;
 }
 .hdbtn:hover,
 .hdbtn:active,
 .hdbtn:visited {
   color:#727272;
   text-decoration:none;
 }

 .hdbtn-2 {
   background-color:#45c01a;
   color:#fff;
 }
 .hdbtn-2:hover,
 .hdbtn-2:active,
 .hdbtn-2:visited {
   color:#fff;
   text-decoration:none;
 }

 
 .btn-rec-preshare,
 .btn-rec-share
 {
   margin-top:15px;
 }

 .sdl img{width:100%; }
 

 .overlaybg {
   position:absolute;
   width:100%;
   height:100%;
   top:0;
   left:0;
   z-index:900;
   background-color:rgba(0,0,0,0.9);
   display:none;
 }
 .overlaybg-light {
   background-color:rgba(0,0,0,0.7);
 }

  .shareGuide {
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
   z-index:1000;
   display:none;
    text-align:right;
 }
 .shareGuide img {max-width:100%; }

 .afterShareGuide{
   position:absolute;
   top:0;
   left:0;
   width:100%;
   min-height:100%;
   z-index:2000;
   background-color:#fff;
   color:#333;
   display:none;
 }
 .a00 img{width:100%;}
 .a01 {text-align:center;padding:30px 0 50px 0;}
 .a01 img {width:100px;}
 .a02 img {width:100%; }

 .c00 {text-align:right;padding:15px;}

 .hdlinks > div img{
   width:100%;
 }
 .imgPool img {max-width:100%; display:none;}

